<html>
  <head>
    <title>页面管理</title>
  </head>
  <body>
    <script>
        /*
                二、页面管理

                          1、新建页面

                                 uni-app 中的页面，默认保存在工程根目录下的pages目录下。

                                 每次新建页面，均需要在 pages.json 文件中配置 pages 列表；

                                 未在 pages.json--pages 中注册的页面， uni-app会在编译阶段进行忽略。
                                 
                                 (pages.json的完整配置参考: https://zh.uniapp.dcloud.io/collocation/pages.html )


                                 通过HBuilderX 开uni-app项目时，在 uni-app 项目上右键"新建页面"，HbuilderX会自动在

                                 pages.json 中完成页面注册，开发更方便。

                                 同时， HBuilderX 还内置了常用的页面模板(如图文列表、商品列表)，选择这些模板，可以大幅提高你的开发效率。

                                 新建页面时，可以选择 "是否创建同名目录"。

                                 创建目录的意义在于：

                                      如果你的页面比较复杂，需要拆分多个附属的js、css、组件等文件，则使用目录归纳比较合适。

                                      如果只有一个页面文件，大可不必多放一层目录。


                          2、删除页面

                                  删除页面时，需要做两件工作：

                                      ①、删除.vue文件、.nvue、.uvue文件

                                      ②、删除 pages.json---pages列表项中的配置
                                         （如使用HBuilder删除页面，会在状态栏提醒删除 pages.json 对应内容，点击后会打开pages.json并定位到相关配置项）

                          3、页面改名

                                   改名操作和删除页面同理，依次修改文件和 pages.json


                          4、pages.json 文件

                                    pages.json是工程的页面管理配置文件，包括： 页面路由注册、页面参数配置(原生标题栏、下拉刷新...)、首页tabbar等众多功能。

                                    其篇幅较长，另见：  https://zh.uniapp.dcloud.io/collocation/pages.html


                          5、设置应用首页

                                    pages.json--pages 配置项中的第一个页面，作为当前工程的页面(启动页)。
                                    
                                    {
                                        "pages": [
                                        {
                                          "path": "pages/index/index", //名字叫不叫index无所谓，位置在第一个，就是首页
                                          "style": {
                                            "navigationBarTitleText": "首页" //页面标题
                                          }
                                        },
                                        {
                                          "path": "pages/my",
                                          "style": {
                                            "navigationBarTitleText": "我的"
                                          }
                                        },
                                      ]
                                    }
            */
    </script>
  </body>
</html>